.balance-main {
  display: flex;
  flex-direction: column;
  height: 100%;
  .top {
    display: flex;
    justify-content: space-between;
    height: 0.449rem;
    background: white;

    align-items: center;
    border-bottom: 1px solid #e7ebee;
    .top-left {
      display: flex;
      align-items: center;
      margin-left: 0.1rem;
      .text {
        margin-left: 0.05rem;
        font-weight: bold;
        color: #2d2d2d;
      }
    }

    .top-right {
      display: flex;
      margin-right: 0.1rem;
      .button {
        color: white;
        background: #C71D32;
        width: 0.9073rem;
        height: 0.1979rem;
        font-size: 0.0833rem;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .button:nth-child(2) {
        margin-left: 0.1rem;
      }
    }
  }

  .bottom {
    width: 100%;
    background: white;
  }

  .top-second {
    background: white;
    display: flex;
    width: 100%;
    .top-second-left {
      min-width: 1.8802rem;
      height: 0.6927rem;
      padding-right: 0.1rem;
      padding-left: 0.1rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #e7ebee;
      color: #c71d32;
      font-weight: bold;
      font-size: 0.1979rem;
      letter-spacing: 0.0104rem;
    }
  }
}

.content {
  margin-top: 0.08rem;
  background: white;
  height: 100%;
  .table-container {
    min-height: 1rem;
    padding: 0.1rem;
    background: white;
  }
  .header {
    display: flex;
    align-items: flex-end;
    height: 0.1963rem;
    margin-right: 0.1rem;
    .part {
      font-size: 0.08rem;
      color: #2d2d2d;
     
      .value {
        font-weight: bold;
        margin-left: 0.02rem;
      }
    }
    .sel-part{
        height: 100%;
        width: 1rem;
        margin-left: .1rem;
    }
    .part:nth-child(1) {
      margin-right: 0.1rem;
      .value {
        color: #18c240;
      }
    }
    .part:nth-child(2) {
      .value {
        color: #c71d32;
      }
    }
  }
}
